.root:not(.treeview) ul {
    display: none;
}

.treeheader {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
    padding: 10px 0;
}

ul.side-nav,
.side-nav ul,
.treeview {
    margin: 0;
    list-style: none;
}

.treeview .selected {
    color: #5891d0;
    max-width: 150px;
    text-decoration: none;
    text-overflow: ellipsis;
    font-weight: 700;
}

.treeview ul {
    list-style: none;
    margin: 10px 0 0 0;
}

.treeview li {
    line-height: 18px;
    margin: 0;
    padding: 0 0 12px 16px;
}

.treeview.root {
    padding: 0 0 0 4px;
}

.treeview.root > li {
    font-size: 13px;
}

.treeview:not(.root) li:last-child {
    padding-bottom: 0;
}

.treeview a, .treeview a:visited {
    color: #333;
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
}

.treeview a.selected {
    color: #5891d0;
}

.treeview a:hover {
    text-decoration: underline;
}

.treeview .hitarea {
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}

.treeview .collapsable-hitarea {
    background: url("img/sprite.png") no-repeat 0 -102px transparent;
}

.treeview .expandable-hitarea {
    background: url("img/sprite.png") no-repeat 0 -82px transparent;
}